@fontGB: 'DFP-King-Gothic-GB';
@fontGBMedium: 'DFP-King-Gothic-GB-Medium';
.part-container {
  width: 100%;
}
.mask-warp{
  position: fixed;background-color: rgba(0,0,0,.5);
  width: 100%;height: 100vh;top: 0;left: 0;
  box-sizing: border-box;
}
.picker-title{
  height: 52px;
  display: flex;align-items: center;justify-content: center;
  font-family: @fontGB;
  font-weight: 400;
  font-size: 14px;
  color: #AFB1B9;
  line-height: 22px;
}
.mask-btn-warp{
  background: #1f1c23;padding: 0 0 24px;
  display: flex;align-items: center;justify-content: space-between;
  .mask-btn{
    width: calc(50% - 8px);background: rgba(255,255,255,0.05);
    height: 46px;border-radius: 8px;
    display: flex;align-items: center;justify-content: center;
    font-family: @fontGBMedium;
    font-weight: 400;
    font-size: 12px;
    color: #FFFFFF;
  }
  .mask-btn-active{
    width: calc(50% - 2px);background-color: #49377C;
    height: 46px;border-radius: 8px;
    display: flex;align-items: center;justify-content: center;
    font-family: @fontGBMedium;
    font-weight: 400;
    font-size: 12px;
    color: #FFFFFF;
  }
}
